/*字体*/

body {
	font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}


/*滚动条*/

html {
	height: 100%;
}

body {
	height: 100%;
	overflow: hidden;
}

body {
	overflow: scroll;
}


/*响应式布局*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
}


/*这行设置能实现单层满屏显示*/


/* 禁用iPhone中Safari的字号自动调整 */

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* 解决IOS默认滑动很卡的情况 */
	-webkit-overflow-scrolling: touch;
}


/* 禁止缩放表单 */

input[type="submit"],
input[type="reset"],
input[type="button"],
input {
	resize: none;
	border: none;
}

body {
	font: 14px/1.5 normal;
	font-family: arial, '微软雅黑';
	min-width: 320px;
	color: #666;
	*min-width: 1200px;
	overflow-x: hidden;
}

a {
	color: #333;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	font-family: arial, '微软雅黑';
	outline: none;
	vertical-align: middle;
	resize: none;
}

button {
	cursor: pointer;
}


/*em, i {font-style: normal;}*/

ul,
li,
ol {
	list-style-type: none;
}


/*strong {font-weight: normal;}*/

p {
	margin-bottom: 0;
}

img {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	font-size: 0;
	line-height: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.warper {
	max-width: 1200px;
	margin: 0 auto;
}

.warpers {
	max-width: 1640px;
	margin: 0 auto;
}

.waper1300 {
	max-width: 1330px;
	margin: 0 auto;
}

.waper1400 {
	max-width: 1400px;
	margin: 0 auto;
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.none {
	display: none;
}

.ta-center {
	text-align: center;
}


/*单行溢出*/

.one-txt-cut {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* for IE */
	-o-text-overflow: ellipsis;
	/* for Opera */
	-icab-text-overflow: ellipsis;
	/* for iCab */
	-khtml-text-overflow: ellipsis;
	/* for Konqueror Safari */
	-moz-text-overflow: ellipsis;
	/* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis;
	/* for Safari,Swift*/
}


/*多行溢出 手机端使用*/

.more-txt-cut {
	overflow: hidden;
	text-overflow: ellipsis;
	/* for IE */
	-o-text-overflow: ellipsis;
	/* for Opera */
	-icab-text-overflow: ellipsis;
	/* for iCab */
	-khtml-text-overflow: ellipsis;
	/* for Konqueror Safari */
	-moz-text-overflow: ellipsis;
	/* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis;
	/* for Safari,Swift*/
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/*背景颜色*/

.bgcolor {
	background-color: #F5F5F5;
}


/* 水平垂直居中的公共类 */

.center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}


/* 水平居中公共类 */

.center-x {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}


/* 垂直居中公共类 */

.center-y {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}


/*设置各种宽度*/

.w50 {
	width: 50%;
}

.w25 {
	width: 25%;
}

.w20 {
	width: 20%;
}

.w33 {
	width: 33.333333%;
}

.w70 {
	width: 70%;
}

.w40 {
	width: 40%;
}

.w30 {
	width: 30%;
}

.w10 {
	width: 10%;
}

.w90 {
	width: 90%;
}


/*定位*/

.pr {
	position: relative;
}


/*.1s切换将开始并且持续时间为5S效果*/

.delay100 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
	transition-property: all;
	transition-duration: 5s;
	/* Safari */
	-webkit-transition-property: all;
	-webkit-transition-duration: 5s;
	-webkit-transition-delay: .1s;
}

.comm-banner {
	height: 100px;
}


/*头部导航*/

#header {
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 9999;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	top: 0;
}

nav .nav-margin {
	margin: 0 140px;
}

nav.nav-head {
	display: inline-block;
	width: 100%;
	background-color: rgba(0,0,0,.5);
}

nav .nav-logo {
	width: auto;
	float: left;
	line-height: 88px;
	display: none;
}

nav .logo,
nav .nav-list {
	width: 50%;
}

nav .nav-logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

nav ::-webkit-scrollbar {
	display: none;
}

nav .nav-list {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
}

nav .btn-hover {
	display: inline-block;
	width: 17px;
	height: 2px;
	background-color: #FFFFFF;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 28%;
}

nav .nav-list>li {
	float: left;
	width: 14%;
	text-align: center;
}

nav .nav-list>li a {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	font-size: 15px;
	color: #FFF;
}
nav .nav-list>li a:hover{
	color:#FFF
	font-weight:bold;
}
nav .nav-list>li.active a {
	font-weight:bold;
}


/*nav .nav-list > li:hover a{color: #386db5!important;}*/

nav .nav-menu {
	display: none;
	z-index: 999;
	cursor: pointer;
	width: auto;
	float: right;
	height: 80px;
	line-height: 100px;
}

nav .nav-menu .iconfont.menu1 {
	color: #FFFFFF;
	font-size: 50px;
}

nav .nav-menu .iconfont.menu2 {
	color: #386db5;
	font-size: 50px;
}

.logo {
	display: table-cell;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: left;
}

.logo img {
	display: inline-block;
	vertical-align: middle;
}

.nav-list.anlist a {
	color: #4C4C4C;
}

.miphone-none{display:block;}
.miphone-block{display:none;}

@media (max-width: 1200px) {
	header{padding-bottom: 80px;}
	#header {
		width: 100%;
		height: 100px;
		border-bottom: 1px solid rgba(170, 170, 170, 0.2);
	}
	nav.nav-head,
	nav .nav-logo {
		display: block;
	}
	nav .nav-menu {
		display: block;
		margin-right: 15px;
	}
	nav .btn-hover {
		display: none;
	}
	nav .nav-list>li:nth-child(4) {
		display: none!important;
		margin: 0;
	}
	nav .nav-list>li a {
		color: #FFFFFF!important;
	}
	nav .nav-list {
		position: fixed;
		height: 100% !important;
		top: 0;
		width: 40%;
		background: rgba(0, 0, 0, 0.8);
		left: -60%;
		-webkit-transition: 1s;
		transition: 1s;
		z-index: 999;
		color: #FFFFFF;
		line-height: 0;
	}
	nav .nav-list>li {
		width: 100%;
		margin: 0;
		overflow: hidden;
		text-align: center;
	}
	nav .nav-list>li a {
		width: 100%;
		border-radius: 0;
		margin: 0;
		color: #FFFFFF;
		padding: 30px 0;
	}
	nav .nav-margin {
		margin: 0;
		
	}
	nav .nav-logo {
		margin-left: 12px;
	}
	.icon-daohangliebiao {
		font-size: 32px !important;
		color: #fff;
	}
	.anlist.icon-daohangliebiao {
		font-size: 32px !important;
		color: #333;
	}
	.logo-blue.anlist {
		display: block !important;
	}
	nav .nav-logo {
		line-height: 75px;
		width: 57%;
	}
	
	.miphone-block{display: block !important;}	
	.miphone-none{display:none;}
}

@media only screen and (max-width:480px) {
	#header {
		height: 80px;
	}
	nav.nav-head,
	nav .nav-logo {
		height: 80px;
	}

	nav .nav-menu {
		line-height: 80px;
	}
}

nav .open { 
	left: 0% !important;
	overflow: auto;
}


/*侧边栏分页器*/

.swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	background-color: #bfbfbf;
	opacity: 10
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 50px;
}

.swiper-pagination-bullet-active {
	width: 20px;
	height: 20px;
	background-color: rgba(255, 255, 255, 0);
	border: 2px solid #bfbfbf;
	right: 7px;
	position: relative;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 20px 0;
}

.page.swiper-container,
.page .swiper-wrapper,
.page .swiper-slide {
	height: 100%;
	width: 100%;
}


/*.comm-banner{height: 120px;}*/

.comm-height {
	overflow: hidden;
}

.left-img {
	background: no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

@media (max-width: 1000px) {
	.left-img {
		height: 200px;
	}
}

@media (max-width: 768px) {
	.logo {
		display: none;
	}
	.left-img {
		height: 180px;
	}
}

@media (max-width: 480px) {
	.left-img {
		height: 120px;
	}
}

@media only screen and (max-width:768px) {
	.main-pagination {
		display: none;
	}
	.footer {
		display: none;
	}
	.footer.mbfooter {
		display: block !important;
	}
	.footer.mbfooter .footern {
		text-align: right
	}
	.footer.mbfooter .footern p {
		display: inline-block;
	}
	.icond {
		border: none !important;
		margin-right: 15px;
	}
	.pright {
		padding-right: 40px;
	}
}


/*底部*/

.footer.mbfooter {
	display: none;
}

.footer {
	background-color: #333333;
	color: rgba(255, 255, 255, .8);
	position: relative;
	padding-top: 55px;
}

.footer .hengs {
	width: 100%;
	background: rgba(255, 255, 255, .2);
	margin: 0;
	margin-top: 35px;
}

.icond {
	width: 43px;
	height: 43px;
	line-height: 43px;
	border: solid 1px rgba(255, 255, 255, 0.5);
	text-align: center;
	border-radius: 50%;
	font-size: 22px !important;
	color: rgba(255, 255, 255, 0.5);
}

.footertst span {
	display: block;
	color: rgba(255, 255, 255, .5);
	line-height: 30px;
}

.mas {
	padding: 20px 0;
	display: block;
	position: relative;
	width: 35%;
}

.mas.dress {
	width: 100%;
}

.mas-heng {
	position: absolute;
	bottom: 0;
	height: 1px;
	background: rgba(255, 255, 255, .8);
	width: 20px;
	left: 0;
}

.bottom_copy {
	color: #666;
	padding: 35px 0 28px;
	text-align: center;
}

.bottom_copy,
.bottom_link {
	background: #333;
	color: #ccc;
	line-height: 36px;
}

.bottom_copy a,
.bottom_link a {
	color: rgba(255, 255, 255, .8);
}

.bottom_copy:hover a,
.bottom_link:hover a {
	color: rgba(255, 255, 255, 1);
}

.footern:hover .mas-heng {
	width: 100%;
	background: #40abfd;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footern:hover .footertst span,
.footern:hover .icond {
	color: #40abfd;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/*下拉框样式*/

#selectd {
	margin: 100px;
	background: rgba(0, 0, 0, 0);
	height: 40px;
	font-size: 18px;
	color: white;
	border-radius: 5px;
}

.select-head {
	box-sizing: border-box;
	cursor:pointer;
}

.select-head .select-head-cont {
	float: left;
	margin: 0 10px;
}

.select-head .select-icon {
	float: right;
	margin: 0 10px;
}

.option {
	text-indent: 13em;
	width: 100%;
	color: black;
	background: rgba(0, 0, 0, 0.7);
	line-height: 35px;
	display: none;
}

.option-item {
	color: #fff;
}

.option-item:hover {
	background: rgba(0, 0, 0, 0.3);
}

#selectd>li {
	position: relative;
}

.option {
	position: absolute;
	z-index: 99999;
	cursor:pointer;
}



#indexheader	nav.nav-head{display: block !important;background-color: #FFFFFF!important;}	

#indexheader		.nav-head>a{	padding-right: 15px;}
#indexheader	.nav-head a:hover {
		color: #00a3e3;
	}
	
	
#indexheader	.nav-head li.acitve  a{
		background: #00A3E3 !important;
		color: #fff !important;
	}
	
#indexheader	.nav-head {
		height: 118px;
		line-height: 118px;
		text-align: center;
	}
	
#indexheader	.nav-head li {
		float: left;
		color: #fff;
		position: relative;
	}
	
#indexheader	.nav-head li a {
		display: inline-block;
		text-transform: uppercase;
	}
	
#indexheader	.nav-head li:last-child a {
		padding: 0;
	}
	
#indexheader	.nav-head {
		width: 32%;
		height: 100px;
		line-height: 100px;
		z-index: 9;
		text-align: right;
		position: relative;
	}
	
#indexheader	.nav-head a.nav_icon {
		display: none;
	}
	
#indexheader	.nav-head .top_nav {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -15px;
	}
	
#indexheader	.nav-head .top_nav a.qy_mail,
#indexheader	.nav-head .top_nav span {
		display: inline-block;
		width: 78px;
		line-height: 28px;
		height: 28px;
		margin-left: 5px;
		font-size: 12px;
		border: 1px solid #dcdbdc;
		color: #999;
	}
	
#indexheader	.nav-head .top_nav a.qy_mail {
		border-color: #647333;
		background: #647333;
		color: #fff;
	}
	
#indexheader	.nav-head .top_nav a.qy_mail:hover {
		text-decoration: underline;
	}
	
#indexheader	.nav-head .top_nav span a {
		color: #999;
	}
	
#indexheader	.nav-head .top_nav span a:hover{
		text-decoration: underline;
	}
#indexheader	.nav-head{position: relative;height: 100px;line-height: 100px;width: 100%;z-index: 100;}
#indexheader	.nav-head .qy_mail,
#indexheader	.nav-head .close {
		display: none;
	}

	
#indexheader	.nav-head li,
#indexheader	.nav-head .nav_down .sub {
		float: left;
		width: 16%;
		text-align: center;
	}
	/*.nav-head .nav_down .sub li{float: none;width: 100%;}*/
#indexheader	  .nav-head .sub li{float: none;width: 100%;}
#indexheader	  .nav-head .sub li:hover{background:#007AFF;}
#indexheader	.nav-head li h3 {
		height: 100px;
		line-height: 100px;
		font-weight: normal;
		font-size: 15px;
	}
	
#indexheader	.nav-head li h3 a {
		display: block;
	}
	
#indexheader	.nav-head li h3 a.color-blue:hover {
		text-decoration: underline;
			color: #00A3E3;
	}
#indexheader	.nav-head ul li i.iconfont{display:none;}
#indexheader	.nav-head li .sub {
		display: none;  
	    width: 100%;   
	}
#indexheader	.nav-head li h3{position: relative;}
	@media (max-width: 1200px) {
		
	#indexheader	.nav-head{width: 100%;}
#indexheader		.nav-head .nav-margin>ul{float: left;position: fixed;    background: rgba(0, 0, 0, 0.8);color: #fff;}
#indexheader		.nav-head .nav-margin>ul a{color: #fff;}
#indexheader		.nav-head .nav-margin>ul li{width: 100%;}
#indexheader	.nav-head  .sub li{height:50px;line-height:50px !important;}
#indexheader		.nav-head li h3{height: 60px;line-height: 60px;}
#indexheader		.nav-head li .sub{display: none;background:rgba(0,0,0,.5);}
#indexheader		.nav-head ul li i.iconfont {
	    position: absolute;
	    right: 10px;
	    top: 15px;
	    display: block;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    font-size: 15px;
	}
	}
	
	@media only screen and (max-width:480px) {
		#header {
			height: 80px;
		}
#indexheader		nav.nav-head,
#indexheader		nav .nav-logo {
			height: 80px;
		}
#indexheader		nav .nav-logo {
			line-height: 75px;
			width: 57%;
		}
#indexheader		nav .nav-menu {
			line-height: 80px;
		}
	}
	
#indexheader	nav .open {
		left: 0%;
		overflow: auto;
	}
	
	@media only screen and (min-width: 100px) and (max-width: 1000px){
		#indexheader	.nav-head{
		position: fixed;	
		top: 0;
		height:100px;
		width: 100%;
		background: #fff;
		z-index: 9999999;
		transform: translateX(-50%);
	  left: 50%;
		}
	#indexheader	.nav-head .nav-margin>ul{width: 50%;float: right;left: -100%;-webkit-transition: 1s;transition: 1s;}
}	
	
	@media only screen and (min-width: 880px) and (max-width: 1920px) {
	
	.navshowli:hover .sub{
		display:block !important;
	}
	
	#indexheader	.nav-head li .sub	{ 
		position: absolute;
	    left: 0;
	    background: rgba(255,255,255,.5);
		border-top: none;
	    line-height: 50px;
		z-index:99999999999999999;
	    }
.navshow{z-index:999;height:100px;width:50%;float:left;overflow:visible}
#indexheader	 .nav-head .sub li{height: 50px !important;line-height: 50px !important;}
#indexheader  .nav-head .sub li:hover{background: #00A3E3;}
#indexheader  .nav-head  .sub li:hover a{color: #fff !important;}
	}
#indexheader	.nav-head .nav_down {
		position: absolute;
		width: 100%;
		top: 100%;
		display: none;
		z-index: 9999;
	}
	
#indexheader	.nav-head .nav_down li {
		width: 100%;
		float: none;
	}
	
#indexheader	.nav-head .nav_down .sub {
		border-right: 1px solid rgba(0,0,0,.2);
		margin-right: -1px;
		padding: 10px 0;
	}
	
#indexheader	.nav-head  .sub li {
		/*height: 36px;*/
		line-height: 36px;
	}
	
#indexheader	.nav-head  .sub a {
		no-repeat: 0 6px;
		font-size: 14px;
	}
#indexheader .nav-head .nav_down .sub02 ul {
	width: 50%;
	float: left;
	/*max-width: auto;*/
}



/*右侧浮动 */
.fudong{position:fixed;right:0;top:50%;height:254px;margin-top:1px;z-index:99999;}/*-127px*/
.fudong ul>li{height:50px;line-height:50px;border-top:1px solid #232323;position:relative;cursor:pointer;}
.fudong ul>li i.iconfont{color:#fff;background:#181818;display:block;text-align:center;width:50px;position:relative;z-index:9;font-size:20px;}
.fudong ul>li .text{min-width:200px;padding-left:25px;color:#fff;position:absolute;top:-1px;right:50px;border-top:1px solid #232323;background:#181818;}
.fudong ul>li.hover i.iconfont,.fudong li.hover .text{color:#181818;background:#fff;}
.fudong ul>li.no_border,.fudong li.no_border .text{border:0px;top:0;}
.fudong ul>li{position: relative;}
.fudong ul>li .text{position: absolute;display: none;}
.fudong ul>li .text img{padding: 10px 0;width:90px;height:90px}
.fudong ul>li:hover .text{display: block !important;}
.fudong .text>li{display:inline-block;margin:0 5px;}
.fudong .text li a{color:#fff;}
/*弹出公告*/
 #mask{width:100%;height:100%;background-color:rgba(0,0,0,.7);position:fixed;left:0;top:0;z-index:999}
#mask  .mask-tst{    position: absolute;transform: translate(-50%,-50%); left: 50%;top: 50%; max-width: 80%;overflow: hidden;}
#mask  .mask-tst img{width: 100%;height: auto;}